﻿import React from 'react';
import 
{ 
  Button,
    Form,
    message, 
    Modal,
    Input,Select
} 
from 'antd';

interface Props
{
    modalVisible: boolean;
    onSubmit: () => void;
    onCancel: () => void;
    typeList: any[];
}

const CreateModal: React.FC<Props> = (props) =>
{
    const form = Form.useForm();
    form.resetFields();
    
     const selectOption:any[] = [{value:'a',label:'早}',{value:'b',label:'中}',{value:'c',label:'晚}']
    

    return (
     <Modal
      width={700}
      destroyOnClose
      title="新建"
      open={modalVisible}
      onCancel={() => onCancel()}
      footer={[
        <Button key="submit" onClick={} type="primary">
          保存
        </Button>,
        <Button key="back" onClick={} >
          取消
        </Button>,
      ]}
    >
      <Form
        name="basic"
        labelCol={{ span: 4 }}
        wrapperCol={{ span: 18 }}
        style={{ maxWidth: 600 }}
        form={form}
        initialValues={{ remember: true }}
        autoComplete="off"
      >
            
            <Form.Item label='输入框' name=''  ><Input type='string' value={} name='' /></Form.Item> 
            
            <Form.Item label='下拉框' name='sex'  ><Select placeholder='' mode='' name='sex' options={selectOption} /></Form.Item> 
            
      </Form>
    </Modal>
            );
}

export default CreateModal;